@charset "utf-8";

/* comm */
body#_____index { display: block !important; }
#_____index .m-bottom-15 { margin-bottom: 15px; }
#_____index .m-left-15 { margin-left: 15px; }
#_____index .p-bottom-15 { padding-bottom: 15px; }
#_____index .w-33 { width: 33%; }
#_____index .w-20 { width: 20%; }
#_____index .w-43 { width: 43%; }
#_____index .w-53 { width: 53%; }
#_____index .w-73 { width: 73%; }
#_____index .w-32 { width: 32.44444444444444444444444444444%; }
#_____index .w-32-0 { width: 32%; }
#_____index .w-67 { width: 67%; }
#_____index .w-70 { width: 70%; }
#_____index .w-20 { width: 20%; }
#_____index .w-260 { width: 260px; }
#_____index .h-40 { height: 40px; }
#_____index .h-204 { height: 204px; }
#_____index .h-200 { height: 200px; }
#_____index .h-240 { height: 240px; }
#_____index .t-c { text-align: center; }
#_____index .yx-rotaion { position: relative; overflow: hidden; width: 750px; height: 340px; }
#_____index .scroll-pic-title { position: absolute; left: 31px; top: 15px; }
#_____index .scroll-pic-title .first-pic { width: 250px; height: 60px; }
#_____index .bg-color-fff { background-color: #fff; }
#_____index .box-shadow-both { background-color: transparent; background: none; }
#_____index .interview-title a { width: 100%; font-size: 12px; }
#_____index .interview-date a { width: 100%; font-size: 12px; }
#_____index .interview-people a { width: 100%; font-size: 12px; }

/*gray*/

/*#_____index .box-shadow-both, nav, ._______logobg, .oddpiFloatAD, .footer_comm { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); filter: gray; }
#_____logo { background: url(http://www.afx.gov.cn/picture/1341/2211302034166677632.png) center no-repeat !important; }*/

/*
**头条
*/
.toutiao { background: url(2x2.png) repeat; }
.toutiao .column1 { text-align: center; height: auto; padding-bottom: 10px; background: url(toutiao.png) center left no-repeat; padding-left: 5px; padding-right: 5px; }
.toutiao .column1_1 { font-family: '\5FAE\8F6F\96C5\9ED1'; }
.toutiao .column1_1 a { color: #005293; font-size: 28px; }
.toutiao .column1_2 { height: auto; overflow: hidden; color: #005293; font-family: '\5FAE\8F6F\96C5\9ED1'; }
.toutiao .column1_2 a { font-size: 16px; color: #005293; }
.toutiao .column1_2 a:hover { color: #025194; }

/*
**part 1
*/
.yx-rotaion { float: left; }
.yx-rotaion-btn, .yx-rotaion-title, .yx-rotation-focus, .yx-rotation-t, .yx-rotaion-btn { position: absolute }
.yx-rotation-title { position: absolute; width: 100%; height: 40px; line-height: 40px; background: #000; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; left: 0; bottom: 0; _bottom: -1px; }
.yx-rotation-t { color: #fff; font-size: 15px; font-family: microsoft yahei; bottom: 0; left: 10px; line-height: 40px; font-weight: bold; }
.yx-rotation-focus span, .yx-rotaion-btn span { background: url(afx_2017_common-icon.png) no-repeat; display: block; }
.yx-rotation-focus { height: 40px; line-height: 40px; right: 20px; bottom: 0; }
.yx-rotation-focus span { width: 9px; height: 9px; line-height: 12px; float: left; margin-left: 5px; position: relative; top: 14px; cursor: pointer; background-position: -23px -244px; text-indent: -9999px }
.yx-rotaion-btn { width: 100%; height: 41px; top: 50%; left: 0; margin-top: -20px; }
.yx-rotaion-btn span { width: 41px; height: 41px; cursor: pointer; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; position: relative }
.yx-rotaion-btn .left_btn { background-position: 0 -118px; float: left; left: 10px }
.yx-rotaion-btn .right_btn { background-position: 0 -165px; float: right; right: 10px }
.yx-rotaion-btn span.hover { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8 }
.yx-rotation-focus span.hover { background-position: -8px -244px }
.rotaion_list { width: 0; height: 0; overflow: hidden; }

/*
**focus new pic
*/
.focusBox { position: relative; width: 750px; height: 332px; overflow: hidden; text-align: left; background: white; }
.focusBox .pic img { width: 100%; height: 332px; display: block; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width: 100%; background: #000; filter: alpha(opacity=40); opacity: 0.6; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width: 100%; overflow: hidden; }
.focusBox .txt li { height: 36px; line-height: 36px; position: absolute; bottom: -36px; width: 70%; }
.focusBox .txt li a { display: block; color: white; padding: 0 0 0 10px; text-decoration: none; overflow: hidden; text-overflow: ellipsis; width: 100%; white-space: nowrap; }
.focusBox .num { position: absolute; z-index: 3; bottom: 11px; right: 5px; }
.focusBox .num li { float: left; position: relative; width: 12px; height: 12px; border-radius: 50%; overflow: hidden; text-align: center; margin-right: 8px; cursor: pointer; }
.focusBox .num li a, .focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 14px; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { z-index: 1; background-color: #fff; filter: alpha(opacity=50); opacity: 0.5; }
.focusBox .num li.on a, .focusBox .num a:hover { background: #fff; }

/*
**info-big-lk、info-small-lk
*/
.info-big-lk { padding-left: 15px; padding-right: 15px; }
.info-big-lk dl dd { width: 48%; height: 40px; line-height: 40px; display: block; padding-bottom: 10px; }
.info-big-lk dl dd a { background-color: #ebf8ff; height: 40px; line-height: 40px; display: block; padding-left: 15px; }
.info-big-lk dl dd a:hover { background-color: #227cc3; color: #fff; }
.info-small-lk { background: url(afx_2017_1.png) center left no-repeat; padding-left: 30px; padding-right: 15px; }
.info-small-lk dd { float: left; width: 25%; text-align: right; line-height: 33px; white-space: nowrap; }
.info-small-lk dd a { }
.info-small-lk { }

/*
**info-zwfw-lk
*/
.info-zwfw-lk { padding: 0 5%; }
.info-zwfw-lk dl dd { width: 33%; float: left; height: 80px; margin-bottom: 15px; }
.info-zwfw-lk dl dd a { width: 100%; text-align: center; height: 80px; display: block; }
.info-zwfw-lk dl dd a span.icon1, .info-zwfw-lk dl dd a span.icon2, .info-zwfw-lk dl dd a span.icon3, .info-zwfw-lk dl dd a span.icon4, .info-zwfw-lk dl dd a span.icon5, .info-zwfw-lk dl dd a span.icon6 { background-image: url(afx_2017_zwfw.png); background-repeat: no-repeat; width: 70px; height: 60px; display: block; margin: 0 18px; }
.info-zwfw-lk dl dd a span.icon1 { background-position: -2px -6px; }
.info-zwfw-lk dl dd a span.icon2 { background-position: -95px -6px; }
.info-zwfw-lk dl dd a span.icon3 { background-position: -185px -6px; }
.info-zwfw-lk dl dd a span.icon4 { background-position: -2px -87px; }
.info-zwfw-lk dl dd a span.icon5 { background-position: -95px -87px; }
.info-zwfw-lk dl dd a span.icon6 { background-position: -185px -87px; }
.info-zwfw-lk dl dd p { font: bold 14px/25px "\5FAE\8F6F\96C5\9ED1"; }

/*
**info-wlwz-lk
*/
.info-wlwz-lk { }
.info-wlwz-lk dl dd { width: 43%; float: left; height: 53.22224444444px; margin: 0 10px 10px 10px; }
.info-wlwz-lk dl dd a { width: 100%; text-align: center; height: 46.4444444444444px; display: block; border: 1px solid #ccc; }
.info-wlwz-lk dl dd a:hover { background-color: #f9f9f9; }
.info-wlwz-lk dl dd a span.icon1, .info-wlwz-lk dl dd a span.icon2, .info-wlwz-lk dl dd a span.icon3, .info-wlwz-lk dl dd a span.icon4, .info-wlwz-lk dl dd a span.icon5, .info-wlwz-lk dl dd a span.icon6 { background-image: url(afx_2017_wlwz.png); background-repeat: no-repeat; width: 48px; height: 48px; display: block; float: left; margin-left: 10px; }
.info-wlwz-lk dl dd a span.icon1 { background-position: 0 10px; }
.info-wlwz-lk dl dd a span.icon2 { background-position: -46px 12px; }
.info-wlwz-lk dl dd a span.icon3 { background-position: 0 -28px; }
.info-wlwz-lk dl dd a span.icon4 { background-position: -46px -28px; }
.info-wlwz-lk dl dd a span.icon5 { background-position: 0 -66px; }
.info-wlwz-lk dl dd a span.icon6 { background-position: -46px -66px; }
.info-wlwz-lk dl dd p { font: bold 14px/48px "\5FAE\8F6F\96C5\9ED1"; float: left; }

/*
**Tab Slider Box{channel:85454}
*/
.tab-slider { border: 1px solid #dcdcdc; }
.tab-slider .tab-hd { height: 40px; line-height: 40px; position: relative; margin-bottom: 8px; border-bottom: 2px solid #ccc; background: #fff url(afx-tab-slider-bg.png) center bottom repeat-x; }
.tab-slider .tab-hd ul { }
.tab-hd-link dd, .tab-slider .tab-hd ul li { float: left; height: 40px; line-height: 45px; }
.tab-hd-link dd a, .tab-slider .tab-hd ul li a { font: 16px '\9ED1\4F53'; padding: 0 10px; }
.tab-slider .tab-hd ul li.on { color: #b10200; border-bottom: 2px solid #2a63bb; }
.tab-slider .tab-hd ul li.on a { color: #f00; text-decoration: none; }
.tab-slider .tab-bd { padding-left: 10px; padding-right: 10px; }
.tab-slider .tab-bd .tab-pal { }
.tab-slider .tab-bd .tab-pal ul li { line-height: 34px; height: 34px; line-height: 34px\9; height: 34px\9; *line-height: 34px !important; *height: 34px !important; _line-height: 34px; _height: 34px; }
.tab-slider .tab-bd .tab-pal ul li a { float: left; font-size: 16px; width: 82%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.tab-slider .tab-bd .tab-pal ul li span { float: right; color: #b0b2b3; font-size: 14px; }
.tab-slider.b-line .tab-bd .tab-pal ul li { border-bottom: 1px dotted #ccc; }
.tab-slider .tab-hd a.more { position: absolute; right: 10px; font-size: 12px; }

/*
**scroll-pic
*/
.scroll-pic-bg { background: #f7f7f7 url(afx_2017_topic_bg.png) center left no-repeat; width: 28px; height: 90px; display: inline-block; margin-left: -10px; }
.scroll-pic { width: 100%; height: 60px; margin: 0 auto; position: relative; overflow: hidden; padding: 15px 0; }
.scroll-pic .prev, .scroll-pic .next { width: 20px; height: 42px; position: absolute; top: 30%; left: 0; cursor: pointer; background-image: url(afx_2017_index_menus_widthlg.png); background-repeat: no-repeat; }
.scroll-pic .next:hover, .scroll-pic .prev:hover { opacity: .8; filter: alpha(opacity=80); }
.scroll-pic .next, .scroll-pic .prev { opacity: 1; filter: alpha(opacity=60); }
.scroll-pic .next, .scroll-pic .next:hover { left: auto; right: 0; background-position: -31px -422px; }
.scroll-pic .prev, .scroll-pic .prev:hover { background-position: 0 -422px; }
.scroll-pic .scrollWrap { width: 95%; overflow: hidden; position: absolute; left: 23px; }

/***/
.scroll-pic dl { float: left; width: 260px; text-align: center; position: relative; }
.scroll-pic span { display: block; width: 120px; height: 30px; position: absolute; left: 10px; bottom: 0; background: #000; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; display: none; }
.scroll-pic dt { margin: 0 auto; width: 260px; overflow: hidden; }
.scroll-pic img { display: block; width: 250px; height: 60px; }
.scroll-pic dd { width: 120px; line-height: 60px; color: #fff; text-align: center; overflow: hidden; position: absolute; left: 5px; bottom: 0; }
.scroll-pic dd a { color: #fff; }
.scroll-pic dd a:hover { text-decoration: none; }
.scroll-pic dl:hover span { background: #BB080A; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.scroll-pic dl dt .title { position: absolute; top: 0; left: 0; color: #1469ba; width: 100%; line-height: 60px; font-size: 16px; font-family: "\5FAE\8F6F\96C5\9ED1" }

/*
**scroll-video
*/
.scroll-video { width: 96%; height: 180px; margin: 0 auto; position: relative; padding: 15px 0; }
.scroll-video .prev, .scroll-video .next { width: 20px; height: 42px; position: absolute; top: 40%; left: -30px; cursor: pointer; background-image: url(afx_2017_index_menus_widthlg.png); background-repeat: no-repeat; }
.scroll-video .next:hover, .scroll-video .prev:hover { opacity: .8; filter: alpha(opacity=80); }
.scroll-video .next, .scroll-video .prev { opacity: 1; filter: alpha(opacity=60); }
.scroll-video .next, .scroll-video .next:hover { left: auto; right: -22px; background-position: -31px -422px; }
.scroll-video .prev, .scroll-video .prev:hover { background-position: 0 -422px; }
.scroll-video .scrollWrap { width: 100%; overflow: hidden; position: absolute; }
.scroll-video dl { float: left; width: 212.55555px; text-align: center; position: relative; }
.scroll-video .tempWrap { }
.scroll-video span { display: block; width: 200px; height: 30px; position: absolute; bottom: 0; background: #000; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; }
.scroll-video dt { margin: 0 auto; width: 200px; overflow: hidden; }
.scroll-video img { display: block; width: 205px; height: 150px; }
.scroll-video dd { line-height: 30px; color: #fff; text-align: center; overflow: hidden; padding: 0 5px; }
.scroll-video dd a { width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; }
.scroll-video dd a:hover { text-decoration: none; }
.scroll-video dl:hover span { }
.scroll-video dl dt .title { position: absolute; top: 0; left: 0; color: #1469ba; width: 100%; line-height: 60px; font-size: 16px; font-family: "\5FAE\8F6F\96C5\9ED1" }

/*
**friendLink
*/
.friendlink dd { float: left; width: 16.6666666666666667%; text-align: center; padding-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

/* 
**jxql-2017-icon2
*/
.jxql-2017-icon2-1 { background-color: #1d6db6; background-image: url(); background-repeat: no-repeat; background-position: 50% 37%; overflow: hidden; }
.jxql-2017-icon2-2 a { width: 100%; height: 100px; display: inline-block; background-image: url(); background-repeat: no-repeat; background-position: 10% 50%; text-align: center; line-height: 100px; border: 1px solid #ccc; color: #1d6db6; font: bold 16px/100px "\5FAE\8F6F\96C5\9ED1"; border-bottom: 0; border-right: 0; }
.jxql-2017-icon2-3 a { width: 100%; height: 100px; display: inline-block; background-image: url(); background-repeat: no-repeat; background-position: 10% 50%; text-align: center; line-height: 100px; border: 1px solid #ccc; color: #1d6db6; font: bold 16px/100px "\5FAE\8F6F\96C5\9ED1"; border-right: 0; border-bottom: 0; }
.jxql-2017-icon2-4 a { width: 100%; height: 100px; display: inline-block; background-image: url(); background-repeat: no-repeat; background-position: 10% 50%; text-align: center; line-height: 100px; border: 1px solid #ccc; color: #1d6db6; font: bold 16px/100px "\5FAE\8F6F\96C5\9ED1"; border-bottom: 0; }
.jxql-2017-icon2-5 a { width: 100%; height: 100px; display: inline-block; background-image: url(); background-repeat: no-repeat; background-position: 10% 50%; text-align: center; line-height: 100px; border: 1px solid #ccc; color: #1d6db6; font: bold 16px/100px "\5FAE\8F6F\96C5\9ED1"; border-right: 0; }
.jxql-2017-icon2-6 a { width: 100%; height: 100px; display: inline-block; background-image: url(); background-repeat: no-repeat; background-position: 10% 50%; text-align: center; line-height: 100px; border: 1px solid #ccc; color: #1d6db6; font: bold 16px/100px "\5FAE\8F6F\96C5\9ED1"; border-right: 0; }
.jxql-2017-icon2-7 a { width: 100%; height: 100px; display: inline-block; background-image: url(); background-repeat: no-repeat; background-position: 10% 50%; text-align: center; line-height: 100px; border: 1px solid #ccc; color: #1d6db6; font: bold 16px/100px "\5FAE\8F6F\96C5\9ED1"; }
.jxql-2017-icon2-2 a span, .jxql-2017-icon2-3 a span, .jxql-2017-icon2-4 a span, .jxql-2017-icon2-5 a span, .jxql-2017-icon2-6 a span, .jxql-2017-icon2-7 a span { padding-left: 30px; }
.jxql-2017-icon2-2 a:hover, .jxql-2017-icon2-3 a:hover, .jxql-2017-icon2-4 a:hover, .jxql-2017-icon2-5 a:hover, .jxql-2017-icon2-6 a:hover, .jxql-2017-icon2-7 a:hover { background-color: #f9f9f9; }
.jxql-2017-icon2-1 p { text-align: center; color: #fff; font: bold 16px/280px "\5FAE\8F6F\96C5\9ED1"; }

/* 
**link-box
*/
.link-box { }
.link-box dt { height: 40px; border-bottom: 1px dotted #ccc; clear: both; font: bold 14px/50px "\5FAE\8F6F\96C5\9ED1"; color: #b10200; margin-bottom: 10px; }
.link-box dd { width: 100%; overflow: hidden; }
.link-box dd a { padding: 10px 10px; margin-bottom: 10px; }

/* 
**important-news
*/

/* .important-news { height: 40px; line-height: 40px; }
.top-loop-news { width: 100%; line-height: 150%; position: relative; zoom: 1; height: 40px; padding-left: 35px; overflow: hidden; }
.top-loop-news strong { background: #bc0d0d; position: absolute; left: 0; top: 0; width: 34px; padding: 3px 2px; height: 36px; overflow: hidden; text-align: center; font-weight: normal; color: #fff; line-height: 18px; letter-spacing: 3px; font-size: 12px; }
.top-loop-news div { width: 96%; line-height: 40px; padding-left: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.top-loop-news .m_wmore { position: absolute; right: 50px; top: 25px; }
.top-loop-news .pagesize { position: absolute; right: 5px; top: 3px; }
.top-loop-news .pagesize a { width: 21px; height: 21px; display: block; overflow: hidden; line-height: 0; text-indent: -999em; margin-bottom: 3px; }
.top-loop-news .pagesize a.prev:hover { background-position: 0 0; }
.top-loop-news .pagesize a.next { background-position: -21px -26px; }
.top-loop-news .pagesize a.next:hover { background-position: 0 -26px; }
 */

.important-news { height: 96px; line-height: 96px; }
.top-loop-news { width: 93%; line-height: 150%; position: relative; zoom: 1; height: 96px; padding-left: 80px; overflow: hidden; }
.top-loop-news strong { background: #bc0d0d; position: absolute; left: 0; top: 0; width: 34px; padding: 3px 2px; height: 36px; overflow: hidden; text-align: center; font-weight: normal; color: #fff; line-height: 18px; letter-spacing: 3px; font-size: 12px; }
.top-loop-news a.title { color: #0068b7; font: bold 28px/65px '\5FAE\8F6F\96C5\9ED1'; padding-top: 16px; padding-bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.top-loop-news div { width: 98%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: 96px; }
.top-loop-news p.des { width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.top-loop-news .m_wmore { position: absolute; right: 50px; top: 25px; }
.top-loop-news .pagesize { position: absolute; right: 5px; top: 3px; }
.top-loop-news .pagesize a { width: 21px; height: 21px; display: block; overflow: hidden; line-height: 0; text-indent: -999em; margin-bottom: 3px; }
.top-loop-news .pagesize a.prev:hover { background-position: 0 0; }
.top-loop-news .pagesize a.next { background-position: -21px -26px; }
.top-loop-news .pagesize a.next:hover { background-position: 0 -26px; }
